<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Crew Intranet: JMS</title>
            </f:facet>
        </h:head> 

        <h:body>
            <ui:composition template="./template.xhtml">
                <ui:define name="top">

                </ui:define>
                <ui:define name="left">
                    <h:form>
                        <p:menu my="true" style="width:200px">
                            <p:submenu label="Tableau de bord" >  
                                <p:menuitem value="Radio opérateur" action="#{redirectionBean.getRedirectionRadioOperateurJMS}" icon="ui-icon-gear"
                                            styleClass="#{
                                            view.viewId == '/radiooperateurJms.xhtml'
                                                ? 'ui-state-active menuItemSelectionner' : ''}"
                                            />  

                            </p:submenu>
                            <p:submenu label="Affectation">  
                                <p:menuitem value="Gestion des affectations" action="#{redirectionBean.getRedirectionAffectationsJMS}" icon="ui-icon-suitcase" 
                                            styleClass="#{
                                            view.viewId == '/affectationsJms.xhtml'
                                                ? 'ui-state-active menuItemSelectionner' : ''}"/>   
                            </p:submenu>  
                            <p:submenu label="Besoins">  
                                <p:menuitem value="Gestion des besoins" action="#{redirectionBean.getRedirectionBesoinsJMS}" icon="ui-icon-star"
                                            styleClass="#{
                                            view.viewId == '/besoinsJms.xhtml'
                                                ? 'ui-state-active menuItemSelectionner' : ''}"
                                            />  
                            </p:submenu>  
                        </p:menu>
                    </h:form>
                </ui:define>
                <ui:define name="content">
                    <h:form id="formMessage"> 
                        <p:growl id="messageGrow" /> 
                        <p:growl id="messageGrowDetail" showDetail="true" />

                    </h:form>
                    <h:form id="formAffectation">
                        <p:panel  style="width: 100%">
                            <f:facet name="header">
                                Affectation des bésoins aux chauffeurs et aux véhicules

                                <p:calendar id="dateBesoins" rendered="true" value="#{affectationBean.champsRecherche}" 
                                            pattern="dd/MM/yyyy" />
                                <p:commandButton 
                                    styleClass="ui-priority-primary"
                                    icon="ui-icon-search"
                                    update=":formAffectation:besoinsNonAffecterDuJour, :formMessage:messageGrow"
                                    >
                                </p:commandButton>


                                <!--<p:outputLabel value="Date :" for="dateBesoins" style="float: right; margin-right: 10px;" />-->

                            </f:facet>
                            <h:panelGrid  columns="1">
                                <h:panelGrid  columns="3" cellpadding="5">

                                    <p:dataTable value="#{affectationBean.listCvListebesoinsNonAffecterDuJour}" var="besoins"  
                                                 selection="#{affectationBean.cvListebesoin}" id="besoinsNonAffecterDuJour"
                                                 rowKey="#{besoins.idbesoin}"
                                                 selectionMode="single"
                                                 paginator="true" rows="10"
                                                 scrollable="true" scrollHeight="150"
                                                 >  
                                        <f:facet name="header">  
                                            Besoins

                                        </f:facet>

                                        <p:column style="width:75%;"  headerText="Equipe Commentaire" filterBy="#{besoins.equipe.equipe}">  
                                            #{besoins.equipe.equipe} - #{besoins.commentaire} 
                                        </p:column>  
                                    </p:dataTable> 
                                    <p:dataTable value="#{affectationBean.listCvCauffeursDisPonible}" var="chauffeur"  
                                                 selection="#{affectationBean.chaffeurSelectionner}" id="chauffeurDispoList"
                                                 rowKey="#{chauffeur.id}"
                                                 selectionMode="single"
                                                 paginator="true" rows="10"
                                                 scrollable="true" scrollHeight="150"
                                                 >  
                                        <f:facet name="header">  
                                            Chauffeurs
                                        </f:facet>
                                        <p:column style="width:15%;" >
                                            <p:commandButton action="#{lesTravailleursBean.voirDetailDunTravailleur2}" icon="ui-icon-search" >
                                                <f:setPropertyActionListener value="#{chauffeur}" target="#{lesTravailleursBean.cvTravailleurSelectionner}"/>
                                                <f:setPropertyActionListener value="#{redirectionBean.redirectionAffectationsJMS}" target="#{lesTravailleursBean.pagePrecedente}"/>
                                            </p:commandButton>
                                        </p:column> 
                                        <p:column style="width:25%"  headerText="Photo">  
                                            <p:graphicImage  value="#{lesTravailleursBean.imageItem}" width="30" height="40" >
                                                <f:param name="blobImage" value="#{chauffeur.id}" />
                                            </p:graphicImage>
                                        </p:column>  

                                        <p:column style="width:60%;"  headerText="Nom prenom Matricule" filterBy="#{chauffeur.nom}"  >  
                                            #{chauffeur.nom} - #{chauffeur.prenom} - #{chauffeur.IDpersonne}   
                                        </p:column>  
                                    </p:dataTable> 

                                    <p:dataTable value="#{affectationBean.listVehiculesDisponible}" var="vehicule"  
                                                 selection="#{affectationBean.vehiculeSelectionner}" id="vehiculeDispoList"
                                                 rowKey="#{vehicule.idvehicule}"
                                                 selectionMode="single"
                                                 paginator="true" rows="10"
                                                 scrollable="true" scrollHeight="150"

                                                 >  
                                        <f:facet name="header">  
                                            Véhicules
                                        </f:facet>
                                        <p:column style="width:15%;" >
                                            <p:commandButton action="#{vehiculeCreerBean.voirDetailDunVehiculeView}" icon="ui-icon-search" >
                                                <f:setPropertyActionListener value="#{vehicule}" target="#{vehiculeCreerBean.cvVehiculeSelectionner}"/>
                                                <f:setPropertyActionListener value="#{redirectionBean.redirectionAffectationsJMS}" target="#{vehiculeCreerBean.pagePrecedente}"/>
                                            </p:commandButton>
                                        </p:column>
                                        <p:column style="width:25%"  headerText="Photo">  
                                            <p:graphicImage value="/public/images/vehicule.jpg" width="30" height="40" />  
                                        </p:column>  

                                        <p:column style="width:75%;"  headerText="Nom Modèle Matricule" filterBy="#{vehicule.nom}">  
                                            #{vehicule.nom} - #{vehicule.typemodel.model} - #{vehicule.numeroimatriculation}   
                                        </p:column>  
                                    </p:dataTable> 
                                </h:panelGrid>

                                <p:panelGrid columns="3" style="margin-left: auto; margin-right: auto; ">
                                    <p:commandButton icon="ui-icon-arrowstop-1-s" action="#{affectationBean.transferagauche}" update="besoinsNonAffecterDuJour, chauffeurDispoList, vehiculeDispoList, affectationFaitList, :formMessage:messageGrow" >

                                    </p:commandButton>
                                    <p:commandButton icon="ui-icon-arrowstop-1-n"  action="#{affectationBean.transferadroite}" update="besoinsNonAffecterDuJour, chauffeurDispoList, vehiculeDispoList, affectationFaitList, :formMessage:messageGrow"/>

                                </p:panelGrid>

                                <p:dataTable value="#{affectationBean.listeDesAffectations}" var="affectation"  
                                             selection="#{affectationBean.affectationSelectionner}" id="affectationFaitList"
                                             rowKey="#{affectation.chaffeurSelectionner.id}"
                                             selectionMode="single"
                                             paginator="true" rows="10"
                                             >  
                                    <f:facet name="header">  
                                        Affectation

                                        <p:commandButton style="color: red;  float: right;" action="#{affectationBean.annulerAllAffectatiion}" 
                                                         update=":formAffectation:besoinsNonAffecterDuJour, :formAffectation:chauffeurDispoList, :formAffectation:vehiculeDispoList, :formAffectation:affectationFaitList, :formMessage:messageGrow"
                                                         icon="ui-icon-trash" value="Annuler"/>
                                        <p:commandButton  style="color: green; float: right;" action="#{affectationBean.validerAffectation}"
                                                          update=":formAffectation:besoinsNonAffecterDuJour, :formAffectation:chauffeurDispoList, :formAffectation:vehiculeDispoList, :formAffectation:affectationFaitList,, :formMessage:messageGrow"
                                                          icon="ui-icon-check"  value="Valider"/>

                                    </f:facet>
                                    <p:column   headerText="Equipe">  
                                        #{affectation.cvListebesoin.equipe.equipe}   
                                    </p:column> 
                                    <p:column  headerText="Chauffeurs">  
                                        #{affectation.chaffeurSelectionner.prenom} - #{affectation.chaffeurSelectionner.nom}  
                                    </p:column>  
                                    <p:column  headerText="Véhicule">  
                                        #{affectation.vehiculeSelectionner.nom}  
                                    </p:column>  

                                </p:dataTable> 
                            </h:panelGrid> 
                        </p:panel>
                    </h:form>
                </ui:define>
            </ui:composition>
        </h:body>

    </f:view>
</html>

